{include file='common/lanmu_ad'}

<div class="pro_box">
    <div class="title wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;"></div>
    <div class="product_text wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;"></div>
    <div class="content clear">
        {include file="common/pronav" /}
        <div class="pro_show">
            <div class="path"><img src="/static/image/path_img.png" alt=""><a href="/">Home</a><span>/</span><a
                    href="{:url('index/products')}">Products</a><span>/</span>{$product.title}
            </div>

            <div class="pro_part">
                <div class="swiper proshow_top">
                    <div class="swiper-wrapper">
                        {volist name='product.images' id='vo'}
                        <div class="swiper-slide">
                            <img src="{$vo}" alt="">
                        </div>
                        {/volist}
                    </div>
                </div>
                <div class="proshow_list">
                    <div class="swiper proshow_list_con">
                        <div class="swiper-wrapper">
                            {volist name='product.images' id='vo'}
                            <div class="swiper-slide">
                                <div class="proshow_img">
                                    <img src="{$vo}" alt="">
                                </div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                    <div class="swiper-button-next"><img src="/static/image/pro_arrow01.png" alt=""></div>
                    <div class="swiper-button-prev"><img src="/static/image/arrow08.png" alt=""></div>
                </div>


                <div class="proshow_list_pc">
                    <div class="swiper proshow_list_con_pc">
                        <div class="swiper-wrapper">
                            {volist name='product.images' id='vo'}
                            <div class="swiper-slide">
                                <div class="proshow_img_pc">
                                    <img src="{$vo}" alt="">
                                </div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                </div>
                <div class="swiper proshow_top_pc">
                    <div class="swiper-wrapper">
                        {volist name='product.images' id='vo'}
                        <div class="swiper-slide">
                            <img src="{$vo}" class="toPreview" alt="">
                        </div>
                        {/volist}
                    </div>
                </div>



                <div class="pro_part_cont">
                    <div class="pro_part_tit">{$product.title}</div>
                    <div class="pro_part_code">{$product.code}</div>
                    <div class="pro_part_desc">
                        {$product.desc}
                    </div>
                    <a href="{:url('index/contact')}" class="pro_part_contact">CONTACT US</a>
                </div>
            </div>

            <div class="proshow_txt">
                {$product.content}
            </div>
            <div class="page_box">
                <div class="page">
                    {notempty name="$prev_product_id"}
                    <a href="{:url('index/product_show',['id'=>$prev_product_id])}">
                        <div class="img_left"><img src="/static/image/arrow05.png" alt="">
                        </div>
                    </a>
                    {/notempty}
                    {notempty name="$next_product_id"}
                    <a href="{:url('index/product_show',['id'=>$next_product_id])}">
                        <div class="next-page"> <img src="/static/image/arrow07.png" alt="">
                        </div>
                    </a>
                    {/notempty}
                </div>
                <div class="cl"></div>
            </div>
            <div class="mess_tit">message board</div>
            <div class="mess_bg">
                <textarea placeholder="Please leave your information here......" id="con"></textarea>
                <input type="hidden" id="product_id" value="{:input('id/d')}"/>
                <input type="button" onclick="sub_pro()" value="Submit">
            </div>
        </div>
    </div>
</div>

<div class="image-preview">
    <img src="" id="image-preview" alt="">
</div>